Download & Wap tools
Sun, 26 Apr 2026 04:00:05 +0000
Yusman Wap Mobile's Xtgem
BOTT
RFRSH
INDEX
javascript pilih background warna
Script tidak berjalan jika warna background di file css sobat diterapkan.
style 1 .
preview
<script type="text/javascript"> <!-- function get_color(color_num) { var now_color=color_num; var my_color= new Array(5) my_color[0]="red"; my_color[1]="orange"; my_color[2]="yellow"; my_color[3]="green"; my_color[4]="blue"; my_color[5]="purple"; my_color[6]="white"; my_color[7]="purple"; document.bgColor=my_color[now_color]; } //--> </script> <div style="width: 80%; height: 298; border-style: solid; border-width: 1; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1" align="center"> <p align="center"><b><font face="ARIAL" size="3">background warna</font></b></p> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#808080" width="111" height="97" id="AutoNumber1"> <tr> <td width="111" height="14" bgcolor="#FF0000" align="center"> <p align="center"> <input type="button" value="Red" onclick="get_color(0)"></td> </tr> <tr> <td width="111" height="14" bgcolor="#FF6600" align="center"> <p align="center"> <input type="button" value="Orange" onclick="get_color(1)"></td> </tr> <tr> <td width="111" height="14" bgcolor="#FFFF00" align="center"> <p align="center"> <input type="button" value="Yellow" onclick="get_color(2)"></td> </tr> <tr> <td width="111" height="14" bgcolor="#008000" align="center"> <p align="center"> <input type="button" value="Green" onclick="get_color(3)"></td> </tr> <tr> <td width="111" height="14" bgcolor="#0000FF" align="center"> <p align="center"> <input type="button" value="Blue" onclick="get_color(4)"></td> </tr> <tr> <td width="111" height="14" bgcolor="#800080" align="center"> <p align="center"> <input type="button" value="Purple" onclick="get_color(7)"></td> </tr> <tr> <td width="111" height="13" bgcolor="#FFFFFF" align="center"> <p align="center"> <input type="button" value="White" onclick="get_color(6)"></td> </tr> </table> <p align="center"><br /> </p> </div>
style 2.
Preview
<script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script> <table border="1" width="100%" height="40"> <tr> <td onclick="bgChange('')" bgcolor="white"></td> <td onclick="bgChange('#FAFAD2')" bgcolor="#FAFAD2"></td> <td onclick="bgChange('#F0E68C')" bgcolor="#F0E68C"></td> <td onclick="bgChange('#E0FFFF')" bgcolor="#E0FFFF"></td> <td onclick="bgChange('#98FB98')" bgcolor="#98FB98"></td> <td onclick="bgChange('#B0E0E6')" bgcolor="#B0E0E6"></td> </tr> <tr> <td onclick="bgChange('#87CEFA')" bgcolor="#87CEFA"></td> <td onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9"></td> <td onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB"></td> <td onclick="bgChange('#E6E6FA')" bgcolor="#E6E6FA"></td> <td onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3"></td> <td onclick="bgChange('#fff000')" bgcolor="#fff000"></td> </tr> </table>
style 3.
prebiew
<script language="javascript"> function rainbow1() { document.bgColor="red" } </script> <script language="javascript"> function rainbow2() { document.bgColor="orange" } </script> <script language="javascript"> function rainbow3() { document.bgColor="yellow" } </script> <script language="javascript"> function rainbow4() { document.bgColor="green" } </script> <script language="javascript"> function rainbow5() { document.bgColor="blue" } </script> <script language="javascript"> function rainbow6() { document.bgColor="purple" } </script> <p align="center"> <input type="button" value="Red" onClick="rainbow1()"></p> <p align="center">�<input type="button" value="Orange" onClick="rainbow2()"></p> <p align="center">�<input type="button" value="Yellow" onClick="rainbow3()"></p> <p align="center">�<input type="button" value="Green" onClick="rainbow4()"></p> <p align="center">�<input type="button" value="Blue" onClick="rainbow5()"></p> <p align="center">�<input type="button" value="Purple" onClick="rainbow6()"> </p>
<script type="text/javascript" src="http://yusmanzz.xtgem.com/js/Selectbg.js"></script>
blue
aquamarine
chocolate
dark red
gold
red
yellow
hotpink
lime
dark khaki
cadet blue
dark goldenrod
dark slate
blue
deep pink
dark salmon
salmon
tan
wheat
tomato
springgreen
turquoise
White
<form action=""> <div> <select size="5" name="clr" onchange="document.bgColor=this.options[this.selectedIndex].value"> <option value="blue" />blue <option value="aquamarine" />aquamarine <option value="chocolate" />chocolate <option value="darkred" />dark red <option value="gold" />gold <option value="red" />red <option value="yellow" />yellow <option value="hotpink" />hotpink <option value="lime" />lime <option value="darkkhaki" />dark khaki <option value="cadetblue" />cadet blue <option value="darkgoldenrod" />dark goldenrod <option value="darkslateblue" />dark slate <option value="blue" />blue <option value="deeppink" />deep pink <option value="darksalmon" />dark salmon <option value="salmon" />salmon <option value="tan" />tan <option value="wheat" />wheat <option value="tomato" />tomato <option value="springgreen" />springgreen <option value="turquoise" />turquoise <option value="white" selected="selected" />White </select> </div> </form>
click random :
<script type="text/javascript"> function backcolor(form) { temp = "" for (var i = 0; i < 16; i++) { temp = form.color[i].value if (form.color[i].checked){ document.bgColor = temp } } } function randombackground() { document.bgColor = getColor() } function getColor(){ currentdate = new Date() backgroundcolor = currentdate.getSeconds() if (backgroundcolor > 44) backgroundcolor = backgroundcolor - 45 else if (backgroundcolor > 29) backgroundcolor = backgroundcolor - 30 else if (backgroundcolor > 15) backgroundcolor = backgroundcolor - 16 if (backgroundcolor == 0 ) return "olive"; else if (backgroundcolor == 1 ) return "teal"; else if (backgroundcolor == 2 ) return "red"; else if (backgroundcolor == 3 ) return "blue"; else if (backgroundcolor == 4 ) return "maroon"; else if (backgroundcolor == 5 ) return "navy"; else if (backgroundcolor == 6 ) return "lime"; else if (backgroundcolor == 7 ) return "fuschia"; else if (backgroundcolor == 8 ) return "green"; else if (backgroundcolor == 9 ) return "purple"; else if (backgroundcolor == 10 ) return "gray"; else if (backgroundcolor == 11 ) return "yellow"; else if (backgroundcolor == 12 ) return "aqua"; else if (backgroundcolor == 13 ) return "black"; else if (backgroundcolor == 14 ) return "white"; else if (backgroundcolor == 15 ) return "silver"; } </script> <form action=""> <div><input type="button" value="Click" onclick="randombackground()" /></div> </form>
auto random
<script type="text/javascript"> function rnd(scale) { var dd=new Date(); return((Math.round(Math.abs(Math.sin(dd.getTime()))*1000000000)%scale)); } function show() { document.blah.bg.value=document.bgColor; document.blah.fg.value=document.fgColor; } document.fgColor=256*rnd(255)+16*rnd(255)+rnd(255); document.bgColor=256*rnd(255)+16*rnd(255)+rnd(255); </script>
Log in
